<html data-dpr="1" style="font-size: 42.1333px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>武汉市二维码门牌</title>
    <!-- miniMObile.css、js -->
    <link rel="stylesheet" type="text/css" href="/static/index/css/miniMobile.css">
    <script type="text/javascript" src="/static/index/js/zepto.min.js"></script>
    <script type="text/javascript" src="/static/index/js/miniMobile.js"></script>
    <script type="text/javascript" src="/static/index/js/layer.js"></script>
    <link href="/static/index/css/layer.css" type="text/css" rel="styleSheet" id="layermcss">
    <!-- AES -->
    <!-- 腾讯地图API -->
    <script charset="utf-8" src="/static/index/js/js"></script>
    <script src="/static/index/js/main.js" type="text/javascript"></script>
    <!-- fonticon -->
    <link rel="stylesheet" type="text/css" href="/static/index/css/iconfont.css">
    <style>
        * {
            font-family: 'PingFang SC';
        }

        /*只针对侧栏内容部分做简单的样式*/
        .ui-aside {
            line-height: 1.5em;
        }

        .ui-aside ul {
            border-top: 0.02rem solid #017da7;
        }

        .ui-aside li {
            line-height: 0.8rem;
            border-bottom: 0.02rem solid #017da7;
        }

        .ui-aside a {
            display: block;
        }

        .demo-nav {
            line-height: 1.8em;
        }

        .demo-nav div {
            border-top: none;
            border-left: none;
        }

        .demo-nav div:nth-child(4) {
            border-right: none;
        }

        .demo-nav div:nth-child(8) {
            border-right: none;
        }

        .demo-nav a {
            display: block;
            width: 100%;
        }

        .demo-nav div:nth-child(4n+1) {
            border-left: none;
        }

        .demo-bottomNav a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .color-green {
            color: #03CF93;
        }

        .color-bg-red {
            background: #D81F16;
        }

        a.clientDownloadOk {
            position: relative;
            color: rgba(255, 255, 255, 1);
            text-decoration: none;
            background-color: rgba(219, 87, 51, 1);
            font-size: .32rem;
            display: block;
            padding: .1rem;
            border-radius: 60px;
            box-shadow: box-shadow:0px -2px 0px rgb(251, 114, 77), 0px 3px 0px rgb(193, 72, 39), 0px 7px 10px rgba(165, 56, 25, 0.5);
            margin: .1rem auto;
            text-align: center;
            width: 2.8rem;
        }

        a.clientDownloadNo {
            position: relative;
            color: rgba(255, 255, 255, 1);
            text-decoration: none;
            background-color: #dedede;
            font-size: .32rem;
            display: block;
            padding: .1rem;
            border-radius: 60px;
            box-shadow: 0px -2px 0px rgb(255, 255, 255), 0px 3px 0px rgba(181, 177, 177, .7), 0px 7px 10px rgb(216, 204, 204);
            margin: .1rem auto;
            text-align: center;
            width: 2.8rem;
        }

        .color-gray {
            color: #dedede;
        }
        .layui-m-layercont {
            padding: 0px 30px 30px 30px;
            text-align: center;
        }

        .layui-m-layerbtn {
            display: -moz-box;
            display: -webkit-box;
            width: 100%;
            height: 58px;
            line-height: 58px;
            font-size: 0;
            border-top: 1px solid #afafaf;
            background-color: #F2F2F2;
            border-radius: 0px 0px 20px 20px;
            border-top: 1px solid #d6d6d6;
            height: 58px;
            line-height: 58px;
        }

        .layui-m-layerbtn span[yes] {
            color: red;
            background: #fff;
            font-size: 18px;
            border-radius: 0px 0px 15px 15px;
            border: 0px;
        }

        .iconStyle {
            height: .875rem;
            display: block;
            margin: 0px auto;
            border-radius: 100%;
            color: #fff;
            text-align: center;
            line-height: 42px;
            font-size: 22px;
        }

        .iconGreen {
            background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(14, 163, 171)), to(rgb(80, 241, 249)));
            -webkit-text-shadow: 3px 2px 4px #019ba0;
        }

        .iconRed {
            background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(225, 84, 73)), to(rgb(245, 157, 145)));
            -webkit-text-shadow: 3px 2px 4px #e15449;
        }

        .iconBlue {
            background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(52, 163, 240)), to(rgb(76, 195, 238)));
            -webkit-text-shadow: 3px 2px 4px #34a3f0;
        }

        .iconYellow {
            background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(224, 164, 68)), to(rgb(250, 229, 149)));
            -webkit-text-shadow: 3px 2px 4px #e0a444;
        }

        .iconSee {
            background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(29, 215, 179)), to(rgb(132, 244, 211)));
            -webkit-text-shadow: 3px 2px 4px #1dd7b3;
        }

        .layui-m-layercont {
            padding: 0px;
        }

        .lh3 {
            line-height: 0.3rem
        }

        /*dz_xq地址进入图标 start*/
        #dixq_btn {
            align-items: center;
        }

        #dixq_btn p {
            text-align: center;
        }

        #dixq_btn img {}

        /*dz_xq地址进入图标 end*/

        /* 收藏图标  start*/
        #sc_list .title_div {
            text-align: left;
        }

        .sc {
            flex: 0 0 .5rem;
        }

        #sc_div {
            padding: .1rem .4rem;
            display: flex;
            justify-content: space-between;
        }

        div#scj {
            width: 40%;
            display: flex;
            justify-content: center;
            border-radius: 1rem;
            background: #0097ff;
        }

        #sc_div p {
            line-height: 0.8rem;
            font-size: 0.3rem;
            vertical-align: middle;
            letter-spacing: .07rem;
            color: #ff4b40;
            /* color: #fff; */
        }

        div#scj p {
            color: #fff;
        }

        div#sc_btn {
            width: 40%;
            display: flex;
            justify-content: center;
            border-radius: 1rem;
            background: #fff2f0;
        }


        /* 收藏图标  end*/


        /* 政务类服务  start*/
        .wzyc {
            line-height: .3rem;
            margin-top: 4px;
        }

        .wzwyc {
            margin-top: 9px;
        }

        .ldrkdj {
            display: none;
        }

        /* 政务类服务  end*/

        /* 地图  start*/
        #map {
            border-bottom: 0.2rem solid rgb(248, 248, 248);
            height: 3.2rem;
        }

        /* 地图  end*/

        /* 户籍证明打印  start*/
        .hjzm_wrap div {
            border-bottom: 1px solid #dedede;
            display: block;
            padding: .3rem .2rem;
            font-weight: bold;
            color: #666;
        }

        .hjzm_url p {
            padding-top: .2rem;
        }

        .hjzm_url a {
            display: block;
            width: 80%;
            word-wrap: break-word;
            padding-left: 10%;
            padding-top: .5rem;
            color: #0d5bec;
            text-decoration: underline;
        }

        #hj_title {
            text-align: left;
            padding-left: 0.1rem;
            font-weight: bold;
        }

        /* 户籍证明打印  end*/
    </style>
    <script type="text/javascript" src="/static/index/js/common.js" charset="utf-8"></script>
    <style type="text/css">
        @media screen {
            .smnoscreen {
                display: none
            }
        }

        @media print {
            .smnoprint {
                display: none
            }
        }
    </style>
    <script type="text/javascript" src="/static/index/js/infowin.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/index/js/ea.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/index/js/c0.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/index/js/c1.js" charset="utf-8"></script>
</head>

<body style="background: rgb(255, 255, 255); font-size: 16px;">

    <!--  信息模块  -->
    <div class="t-l  p3 color2" style="border-bottom: 0.2rem solid #F8F8F8;" id="address">
        <div style="margin-top:0.5rem;">
            <img src="/static/index/img/service_address.png" class="w4 h5 fl mr2">
            <p class="f32">{$address}</p>
        </div>
        <div class=" mt3 m14 color4 f28 lh3">
            <img src="/static/index/img/sq.png" class="w3 h3 fl mr2 ">
            <span style="color:  #666;margin-right: 10px;">社区信息</span>
        </div>
        <div class=" mt1 ml5 color4 f28">
            <p>街道名称：万松街</p>
        </div>
        <div class=" mt1 ml5 color4 f28">
            <p>社区名称：武展社区</p>
        </div>
        <div class=" mt1  color4 f28" style=" border-top: 1px solid #dcdbdb;">
            <p></p>
        </div>
        <div class=" mt2 m14 color4 f28 mb1 lh3">
            <img src="/static/index/img/pcs.png" class="w3 h3 fl mr2 ">
            <span style="color:  #666;margin-right: 10px;">派出所信息</span>
        </div>
        <div class=" mt1 ml5 color4 f28">
            <p><span style="letter-spacing: .278rem;">派出</span>所：江汉分局万松园街派出所</p>
            <p>派出所地址：万松园路25号</p>
            <p><a href="tel: 02785394746" class="color4">派出所电话：027-85394746</a></p>
        </div>
        <div class=" mt1  color4 f28" style="border-top: 1px solid #dcdbdb;">
            <p></p>
        </div>
        <div class=" mt2 m14 color4 f28 mb2 lh3">
            <img src="/static/index/img/zrq.png" class="w3 h3 fl mr2">
            <span style="color:  #666;margin-right: 10px;">责任区信息</span>
        </div>
        <div class=" mt1 ml5 color4 f28"><img
                src="/static/index/img/jinghui.png"
                id="mj_xp" onerror="no_img(this)" class="fl mr2"
                style="border: 1px solid rgb(220, 219, 219); height: 1.5rem; margin-top: -0.33575px;">
            <div id="zrq_div">
                <p><span style="letter-spacing: .278rem;">责任</span>区：武展责任区</p>
                <p class="h4">责任区民警：李文志</p>
                <p><span style="letter-spacing: .093rem;">民警警</span>号：026890</p>
                <p><a href="tel: 13971280193" class="color4"><span style="letter-spacing: .093rem;">手机号</span>码：+86
                        13971280193</a></p>
            </div>
        </div>
    </div>

    <!--  进入建筑物 模块  -->
    <div class="t-l  p3 color2 wrap clearfix" style="border-bottom: 0.2rem solid rgb(248, 248, 248); display: none;"
        id="dixq_btn">
        <img src="/static/index/img/dz_xq.png" class="w4 fl">
        <p></p>
    </div>

    

    <!-- 隐藏域 -->
    <input type="hidden" id="smrz_status" name="smrz_status" value="0">
    <input type="hidden" id="smrz_userMobile" name="userMobile" value="">
    <input type="hidden" id="smrz_userCardid" name="userCardid" value="">
    <input type="hidden" id="smrz_userName" name="userName" value="">
    <input type="hidden" id="smrz_userId" name="userId" value="">
    <input type="hidden" id="smrz_openId" name="openId" value="">
    <!-- 地图模块 -->
    <div class="t-l  p3 color2 mt2 w75 " id="map"
        style="position: relative; background-color: rgb(229, 227, 223); overflow: hidden; transform: translateZ(0px);">
        <div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">
            <div n="targetElement"
                style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">
                <div n="moveElement"
                    style="position: absolute; left: 0px; top: 0px; z-index: 1; cursor: url(&quot;https://3gimg.qq.com/lightmap/api_v2/2/4/127/theme/grab.cur&quot;) 10 10, default; transform-origin: 0px 0px 0px; transform: translate3d(-642px, -257px, 0px) scale(1);">
                    <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 200;">
                        <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 101;">
                        </div>
                    </div>
                    <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 201;">
                        <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 102;">
                            <div
                                style="position: absolute; left: 781px; top: 285px; width: 50px; height: 39px; border: 0px none; overflow: hidden; transform-origin: 19px 35px 0px; transform: rotate(0deg); z-index: 0; cursor: default;">
                                <img draggable="false" class="csssprite" dn="2"
                                    style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 0px; left: -24px; user-select: none; width: 73px; height: 39px; min-width: 73px; max-width: 73px; min-height: 39px; max-height: 39px;"
                                    src="/static/index/img/marker.png"></div>
                        </div>
                        <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 103;">
                        </div>
                    </div>
                    <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 202;">
                        <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 104;">
                            <div style="position: absolute; display: none;">
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div
                                    style="position: absolute; overflow: hidden; left: -4px; top: -34px; width: 87px; height: 37px;">
                                    <img draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 0px; left: 0px; user-select: none; width: 87px; height: 37px; min-width: 87px; max-width: 87px; min-height: 37px; max-height: 37px;"
                                        src="/static/index/img/infowin_shadow_pin.png"></div>
                            </div>
                        </div>
                        <div draggable="false"
                            style="transform: translateZ(0px); position: absolute; left: 326px; top: 131px; z-index: 105; background-color: transparent; background-image: url(&quot;&quot;); margin: 0px; padding: 0px; user-select: none; width: 948px; height: 378px;">
                        </div>
                        <div
                            style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 106; cursor: default;">
                            <div
                                style="position: absolute; left: 788px; top: 284px; width: 24px; height: 37px; border: 0px none; overflow: hidden; transform-origin: 12px 36px 0px; transform: rotate(0deg); z-index: 0;">
                                <img draggable="false" class="csssprite" dn="2"
                                    style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 1px; left: 0px; user-select: none; width: 73px; height: 39px; min-width: 73px; max-width: 73px; min-height: 39px; max-height: 39px;"
                                    src="/static/index/img/marker.png" usemap="#smimap0"><map name="smimap0"
                                    id="smimap0"><area href="javascript:void(0);" shape="poly"
                                        coords="7,-1,13,-1,17,0,22,6,22,7,22,13,21,15,20,17,18,18,15,21,13,24,12,25,12,27,11,30,11,32,10,32,10,28,9,27,9,25,8,24,0,14,0,6"
                                        title="" style="cursor: pointer;"></map></div>
                            <div title=""
                                style="position: absolute; left: 1057px; top: -371px; width: 22px; height: 31px; border: 0px none; overflow: hidden; transform-origin: 16px 30px 0px; transform: rotate(0deg); z-index: 0; cursor: pointer;">
                                <img draggable="false" class="csssprite" dn="2"
                                    style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 0px; left: 0px; user-select: none; width: 22px; height: 31px; min-width: 22px; max-width: 22px; min-height: 31px; max-height: 31px;"
                                    src="/static/index/img/map_jcz.png"></div>
                            <div title=""
                                style="position: absolute; left: 1901px; top: -148px; width: 22px; height: 31px; border: 0px none; overflow: hidden; transform-origin: 16px 30px 0px; transform: rotate(0deg); z-index: 0; cursor: pointer;">
                                <img draggable="false" class="csssprite" dn="2"
                                    style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 0px; left: 0px; user-select: none; width: 22px; height: 31px; min-width: 22px; max-width: 22px; min-height: 31px; max-height: 31px;"
                                    src="/static/index/img/map_pcs.png"></div>
                        </div>
                        <div
                            style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 107; cursor: default;">
                            <div style="position: absolute; display: none;">
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div style="position: absolute; overflow: hidden;"></div>
                                <div
                                    style="position: absolute; overflow: hidden; left: -3px; top: -6px; width: 13px; height: 6px;">
                                    <img draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -38px; left: 3px; user-select: none; width: 51px; height: 44px; min-width: 51px; max-width: 51px; min-height: 44px; max-height: 44px;"
                                        src="/static/index/img/infowin_pin.png"></div>
                                <div
                                    style="position: absolute; overflow: hidden; left: 0px; top: -12px; width: 17px; height: 6px;">
                                    <img draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -32px; left: 0px; user-select: none; width: 51px; height: 44px; min-width: 51px; max-width: 51px; min-height: 44px; max-height: 44px;"
                                        src="/static/index/img/infowin_pin.png"></div>
                                <div style="position: absolute;">
                                    <div style="margin: -1px; padding: 1px;"></div>
                                </div>
                                <div
                                    style="position: absolute; overflow: hidden; cursor: pointer; width: 13px; height: 13px;">
                                    <img draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 0px; left: 0px; user-select: none; width: 13px; height: 13px; min-width: 13px; max-width: 13px; min-height: 13px; max-height: 13px;"
                                        src="/static/index/img/infowindow_close.png"></div>
                            </div>
                        </div>
                    </div>
                    <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 99;">
                    </div>
                    <div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 101;">
                        <div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
                            <div style="position: absolute; left: 0px; top: 0px; z-index: 1;">
                                <div
                                    style="position: absolute; left: 989px; top: 188px; transition: opacity 200ms ease-out 0s;">
                                    <canvas width="256" height="256" draggable="false"
                                        style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                                </div>
                                <div
                                    style="position: absolute; left: 477px; top: 188px; transition: opacity 200ms ease-out 0s;">
                                    <canvas width="256" height="256" draggable="false"
                                        style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                                </div>
                                <div
                                    style="position: absolute; left: 733px; top: 188px; transition: opacity 200ms ease-out 0s;">
                                    <canvas width="256" height="256" draggable="false"
                                        style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                                </div>
                                <div
                                    style="position: absolute; left: 477px; top: 444px; transition: opacity 200ms ease-out 0s;">
                                    <canvas width="256" height="256" draggable="false"
                                        style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                                </div>
                                <div
                                    style="position: absolute; left: 733px; top: 444px; transition: opacity 200ms ease-out 0s;">
                                    <canvas width="256" height="256" draggable="false"
                                        style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                                </div>
                                <div
                                    style="position: absolute; left: 989px; top: 444px; transition: opacity 200ms ease-out 0s;">
                                    <canvas width="256" height="256" draggable="false"
                                        style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
                        <div style="position: absolute; left: 0px; top: 0px; z-index: 1;">
                            <div
                                style="transform: translateZ(0px); position: absolute; left: 989px; top: 188px; transition: opacity 200ms ease-out 0s;">
                                <canvas width="256" height="256" draggable="false"
                                    style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; background: rgb(247, 245, 245); user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                            </div>
                            <div
                                style="transform: translateZ(0px); position: absolute; left: 477px; top: 188px; transition: opacity 200ms ease-out 0s;">
                                <canvas width="256" height="256" draggable="false"
                                    style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; background: rgb(247, 245, 245); user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                            </div>
                            <div
                                style="transform: translateZ(0px); position: absolute; left: 733px; top: 188px; transition: opacity 200ms ease-out 0s;">
                                <canvas width="256" height="256" draggable="false"
                                    style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; background: rgb(247, 245, 245); user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                            </div>
                            <div
                                style="transform: translateZ(0px); position: absolute; left: 477px; top: 444px; transition: opacity 200ms ease-out 0s;">
                                <canvas width="256" height="256" draggable="false"
                                    style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; background: rgb(247, 245, 245); user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                            </div>
                            <div
                                style="transform: translateZ(0px); position: absolute; left: 733px; top: 444px; transition: opacity 200ms ease-out 0s;">
                                <canvas width="256" height="256" draggable="false"
                                    style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; background: rgb(247, 245, 245); user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                            </div>
                            <div
                                style="transform: translateZ(0px); position: absolute; left: 989px; top: 444px; transition: opacity 200ms ease-out 0s;">
                                <canvas width="256" height="256" draggable="false"
                                    style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; background: rgb(247, 245, 245); user-select: none; transform: translateZ(0px); padding: 0px; margin: 0px; border: 0px;"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div onpositionupdate="return;"
                style="position: absolute; z-index: 1000000; margin: 2px 5px 0px 2px; left: 0px; bottom: 0px;"><a
                    title="到腾讯地图查看此区域" target="_blank" href="http://map.qq.com/?center=114.26937%2C30.58052&amp;l=13"
                    style="position: static; overflow: visible; float: none; display: inline;">
                    <div style="cursor: pointer; position: relative; overflow: hidden; width: 100px; height: 26px;"><img
                            draggable="false" class="csssprite" dn="2"
                            style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 0px; left: 0px; user-select: none; width: 100px; height: 26px; min-width: 100px; max-width: 100px; min-height: 26px; max-height: 26px;"
                            src="/static/index/img/tencent_color_logo.png"></div>
                </a></div>
            <div draggable="false" onresize="return;"
                style="position: absolute; z-index: 1000000; user-select: none; left: 107px; bottom: 0px;">
                <div style="position: absolute; width: 100%; height: 100%; opacity: 0.7;">
                    <div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;">
                    </div>
                </div>
                <div
                    style="font-family: Arial, sans-serif; white-space: nowrap; font-size: 10px; color: rgb(34, 34, 34); line-height: 16px; direction: ltr; text-align: right; font-weight: normal; font-style: normal; background-color: transparent; position: relative; padding: 0px 5px;">
                    <span
                        style="font-family: Arial, sans-serif; white-space: nowrap; font-size: 10px; color: rgb(34, 34, 34); line-height: 16px; direction: ltr; text-align: right; font-weight: normal; font-style: normal; background-color: transparent; display: none;">©2020
                        Tencent - GS(2018)2236号 - Data© NavInfo</span><a
                        style="font-family: Arial, sans-serif; white-space: nowrap; font-size: 10px; color: rgb(34, 34, 34); line-height: 16px; direction: ltr; text-align: right; font-weight: normal; font-style: normal; background-color: transparent; text-decoration: underline; cursor: pointer;">地图数据</a>
                </div>
            </div>
            <div class="smnoprint" onpositionupdate="return;"
                style="margin: 5px; cursor: pointer; z-index: 0; position: absolute; right: 0px; top: 0px;"></div>
            <div draggable="false" class="smnoprint" controlwidth="64" controlheight="113"
                style="user-select: none; position: absolute; left: 0px; top: 0px;" onpositionupdate="return;">
                <div onresize="return;" style="position: absolute; left: 0px; top: 0px; bottom: auto; right: auto;">
                    <div>
                        <div
                            style="position: relative; margin-bottom: 0px; margin-top: 5px; width: 64px; height: 64px;">
                            <div style="position: absolute; z-index: 0; width: 64px; height: 64px; overflow: hidden;">
                                <img draggable="false" class="csssprite" dn="2"
                                    style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -58px; left: -230px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                    src="/static/index/img/ctrls.png">
                                <div title="向左平移"
                                    style="left: 0px; top: 21.3333px; width: 21px; height: 21px; position: absolute; z-index: 100; cursor: pointer;">
                                </div>
                                <div title="向右平移"
                                    style="left: 42.6667px; top: 21.3333px; width: 21px; height: 21px; position: absolute; z-index: 100; cursor: pointer;">
                                </div>
                                <div title="向上平移"
                                    style="left: 21.3333px; top: 0px; width: 21px; height: 21px; position: absolute; z-index: 100; cursor: pointer;">
                                </div>
                                <div title="向下平移"
                                    style="left: 21.3333px; top: 42.6667px; width: 21px; height: 21px; position: absolute; z-index: 100; cursor: pointer;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="position: absolute; left: 0px; top: 69px; bottom: auto; right: auto;">
                    <div style="visibility: inherit;">
                        <div title="放大"
                            style="position: relative; margin: 0px 19px; cursor: pointer; overflow: hidden; width: 26px; height: 22px;">
                            <img draggable="false" class="csssprite" dn="2"
                                style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -60px; left: -88px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                src="/static/index/img/ctrls.png"></div>
                        <div
                            style="position: relative; cursor: pointer; margin: 0px 19px; width: 0px; height: 101px; display: none;">
                            <div title="单击缩放" style="position: absolute; margin: 0px; cursor: pointer;">
                                <div style="width: 34px; height: 6px; position: relative; overflow: hidden;"><img
                                        draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -70px; left: -188px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                        src="/static/index/img/ctrls.png"></div>
                                <div style="width: 26px; height: 90px; position: relative; overflow: hidden;"><img
                                        draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 0px; left: -302px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                        src="/static/index/img/ctrls.png"></div>
                                <div style="width: 34px; height: 6px; position: relative; overflow: hidden;"><img
                                        draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -82px; left: -188px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                        src="/static/index/img/ctrls.png"></div>
                            </div>
                            <div style="display: none;">
                                <div
                                    style="position: absolute; overflow: hidden; padding-left: 9px; width: 25px; height: 15px; left: 25px; bottom: 3px;">
                                    <img draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -41px; left: -258px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                        src="/static/index/img/ctrls.png"><span
                                        style="font-family: Arial, sans-serif; white-space: nowrap; font-size: 10px; color: rgb(255, 255, 255); line-height: 16px; direction: ltr; text-align: right; font-weight: normal; font-style: normal; background-color: transparent; position: absolute;">国</span>
                                </div>
                                <div
                                    style="position: absolute; overflow: hidden; padding-left: 9px; width: 25px; height: 15px; left: 25px; bottom: 27px;">
                                    <img draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -41px; left: -258px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                        src="/static/index/img/ctrls.png"><span
                                        style="font-family: Arial, sans-serif; white-space: nowrap; font-size: 10px; color: rgb(255, 255, 255); line-height: 16px; direction: ltr; text-align: right; font-weight: normal; font-style: normal; background-color: transparent; position: absolute;">省</span>
                                </div>
                            </div>
                            <div title="单击缩放" style="position: absolute; margin: 0px; cursor: pointer; height: 102px;">
                                <div
                                    style="width: 34px; height: 63.3333px; position: absolute; overflow: hidden; top: 32.6667px;">
                                    <img draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: 0px; left: -338px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                        src="/static/index/img/ctrls.png"></div>
                                <div style="width: 34px; height: 6px; position: absolute; overflow: hidden; top: 95px;">
                                    <img draggable="false" class="csssprite" dn="2"
                                        style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -100px; left: -188px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                        src="/static/index/img/ctrls.png"></div>
                            </div>
                            <div title="拖动缩放"
                                style="position: absolute; margin: 0px; z-index: 2; width: 26px; height: 26px; overflow: hidden; left: 3px; top: 26px; cursor: url(&quot;https://3gimg.qq.com/lightmap/api_v2/2/4/127/theme/grab.cur&quot;) 10 10, default;">
                                <img draggable="false" class="csssprite" dn="2"
                                    style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -122px; left: -4px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                    src="/static/index/img/ctrls.png"></div>
                        </div>
                        <div title="缩小"
                            style="position: relative; margin: 0px 19px; cursor: pointer; overflow: hidden; width: 26px; height: 22px;">
                            <img draggable="false" class="csssprite" dn="2"
                                style="position: absolute; border: 0px; padding: 0px; margin: 0px; top: -87px; left: -88px; user-select: none; width: 360px; height: 255px; min-width: 360px; max-width: 360px; min-height: 255px; max-height: 255px;"
                                src="/static/index/img/ctrls.png"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 一键报警模块  -->

    <section class="img-nav  t-c f28 clearfix" style="border-bottom: 0.2rem solid #F8F8F8;margin-bottom: 1rem;">
        <a href="tel:13828172679" class="col-12 pt1 pb1 color-danger" style="border-right: none; ">
            <img src="/static/index/img/press.png" style="width:88%;height:60px;">
        </a>
    </section>


    <!-- 底部 -->
    <footer class="demo-bottomNav mt6 w75  pt1 t-c f28 bg-color8 o-h clearfix"
        style=" position:  fixed;bottom: 0; background:#f5f5f5">
        <p style="color: #7d7c7c; padding: 15px 15px 0px 15px">
            <img src="/static/index/img/jinghui.png" alt="" style="width: 25px; height: 25px"> &nbsp;&nbsp;武汉市公安局
        </p>
        <p style="color: #b3b2b2; padding: 2px 2px 5px 2px; font-size: 12px">
            Copyright © 2018</p>
    </footer>
    <script>
        $(function () {
            var geocoder, map, marker = null;

            geocoder = new qq.maps.Geocoder();

            codeAddress('荆州市公安县孟家溪镇双湖村'); //加载地图模块


            //获取责任区信息的div高度,调整民警相片位置与左侧信息上下居中
            var div_h = $('#zrq_div').css('height').replace('px', '');
            var img_h = $('#mj_xp').css('height').replace('rem', '');
            var hh = $('html').css('font-size').replace('px', '');
            $('#mj_xp').css('margin-top', (div_h - img_h * hh) / 2);



        });
    </script>
    <script>
        // 通过地址名称获取坐标
        var geocoder, map, marker = null;
        geocoder = new qq.maps.Geocoder();

        function codeAddress(address) {
            // var address = '汉阳区琴台路630号碧水晴天1栋1单元1楼1号';       //对指定地址进行解析
            geocoder.getLocation(address); //设置服务请求成功的回调函数
            geocoder.setComplete(function (result) {
                //console.log("经度:" + result.detail.location.lat + "纬度:" + result.detail.location.lng);
                var lat = result.detail.location.lat;
                var lng = result.detail.location.lng;
                init(lat, lng, address);
            }); //若服务请求失败，则运行以下函数
            geocoder.setError(function () {
                alert("无法获取当前地址坐标!");
            });
        }

        function init(lat, lng, address) {
            //主界面地图
            var center = new qq.maps.LatLng(lat, lng);
            var map = new qq.maps.Map(document.getElementById('map'), {
                center: center,
                zoom: 13,
                mapTypeControlOptions: { //设置控件的地图类型为普通街道地图
                    mapTypeIds: qq.maps.MapTypeId.ROADMAP
                }
            });

            //添加定时器
            var marker = new qq.maps.Marker({
                position: center,
                animation: qq.maps.MarkerAnimation.DROP,
                map: map
            });

            var info = new qq.maps.InfoWindow({
                map: map
            }); //添加提示窗

            /*  qq.maps.event.addListener(
                  marker,
                  'click',
                  function (evt) {
                      info.open();
                      info.setContent(
                          '<div class="f28" style="text-align:left;color:#000;over-flow:hidden;margin-top:0.3px;"><span style="color:#f00">当前位置:</span>' +
                          address + '</div>');
                      info.setPosition(evt.latLng);
                  }
              );*/


            //检查站地图标点
            $.ajax({
                type: "get",
                url: "js/jcz.json",
                dataType: "json",
                async: false,
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        (function (n) {
                            var anchor = new qq.maps.Point(16, 30),
                                size = new qq.maps.Size(22, 31),
                                origin = new qq.maps.Point(0, 0),
                                icon = new qq.maps.MarkerImage('img/map_jcz.png', size, origin, anchor);
                            var marker = new qq.maps.Marker({
                                position: new qq.maps.LatLng(data[n].latitude, data[n]
                                    .longitude),
                                map: map,
                                icon: icon
                            });
                            marker.name = data[n].name;
                            qq.maps.event.addListener(marker, 'click',
                                function () { //获取标记的点击事件
                                    info.open();
                                    info.setContent(
                                        '<div class="f28" style="text-align:left;color:#000;over-flow:hidden;margin-top:0.3px;">检查站名称：' +
                                        marker.name + '</div>');
                                    info.setPosition(new qq.maps.LatLng(marker.position.lat, marker
                                        .position.lng));
                                });
                        })(i);
                    }
                }
            });
            //警务站地图标点
            $.ajax({
                type: "get",
                url: "js/jwz.json",
                dataType: "json",
                async: false,
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        (function (n) {
                            var anchor = new qq.maps.Point(16, 30),
                                size = new qq.maps.Size(22, 31),
                                origin = new qq.maps.Point(0, 0),
                                icon = new qq.maps.MarkerImage('img/map_jwz.png', size, origin, anchor);
                            var marker = new qq.maps.Marker({
                                position: new qq.maps.LatLng(data[n].latitude, data[n]
                                    .longitude),
                                map: map,
                                icon: icon
                            });
                            marker.name = data[n].name;
                            qq.maps.event.addListener(marker, 'click',
                                function () { //获取标记的点击事件
                                    info.open();
                                    info.setContent(
                                        '<div class="f28" style="text-align:left;color:#000;over-flow:hidden;margin-top:0.3px;">警务站名称：' +
                                        marker.name + '</div>');
                                    info.setPosition(new qq.maps.LatLng(marker.position.lat, marker
                                        .position.lng));
                                });
                        })(i);
                    }
                }
            });

            //派出所地图标点
            $.ajax({
                type: "get",
                url: "js/pcs.json",
                dataType: "json",
                async: false,
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        (function (n) {
                            var anchor = new qq.maps.Point(16, 30),
                                size = new qq.maps.Size(22, 31),
                                origin = new qq.maps.Point(0, 0),
                                icon = new qq.maps.MarkerImage('img/map_pcs.png', size, origin, anchor);
                            var marker = new qq.maps.Marker({
                                position: new qq.maps.LatLng(data[n].latitude, data[n]
                                    .longitude),
                                map: map,
                                icon: icon
                            });
                            marker.name = data[n].name;
                            marker.tel = data[n].tel;
                            qq.maps.event.addListener(marker, 'click',
                                function () { //获取标记的点击事件
                                    info.open();
                                    info.setContent(
                                        '<div class="f28" style="text-align:left;color:#000;over-flow:hidden">派出所名称：' +
                                        marker.name +
                                        '</div><a class="f28" style="text-align:left;color:#000;over-flow:hidden;display:block" href="tel:' +
                                        marker.tel + '">派出所电话：<span style="color:#5855e4">' +
                                        marker.tel + '</span></a>');
                                    info.setPosition(new qq.maps.LatLng(marker.position.lat, marker
                                        .position.lng));
                                });
                        })(i);
                    }
                }
            });
            qq.maps.event.addListener(map, 'click',
                function () {
                    layer.open({
                        title: ['地图查看',
                            'margin-bottom:10px;background-color: #fff;margin-top: 0px;border-left: 4px solid #ed5565;text-align: left;font-size:16px;color: #000;line-height:40px;height:40px'
                        ],
                        style: 'border-radius:5px;  color:#fff;width:90%;height:80%',
                        content: "<div style='width:100%;height:95%;padding: 0px;!important' id='btnMap'></div>"
                    });
                    mapModel(lat, lng, address);
                });

        }

        function mapModel(lat, lng, address) {
            //标点地图
            //var latitude="30.595908";
            //var longitude="114.363661";

            var center = new qq.maps.LatLng(lat, lng);
            var map = new qq.maps.Map(document.getElementById("btnMap"), { //地图部分初始化
                zoom: 14,
                //设置地图缩放级别
                center: new qq.maps.LatLng(lat, lng),
                //设置中心点
                zoomControl: true,
                //不启用缩放控件
                mapTypeControlOptions: { //设置控件的地图类型为普通街道地图
                    mapTypeIds: qq.maps.MapTypeId.ROADMAP
                }
            });
            //标记中心点的位置
            var marker = new qq.maps.Marker({
                position: center,
                animation: qq.maps.MarkerAnimation.DROP,
                map: map
            });

            var info = new qq.maps.InfoWindow({
                map: map
            }); //添加提示窗

            /*    qq.maps.event.addListener(
                    marker,
                    'click',
                    function (evt) {
                        info.open();
                        info.setContent(
                            '<div class="f28" style="text-align:left;color:#000;over-flow:hidden;margin-top:0.3px;"><span style="color:#f00">当前位置:</span>' +
                            address + '</div>');
                        info.setPosition(evt.latLng);
                    }
                );*/


            //检查站地图标点
            $.ajax({
                type: "get",
                url: "js/jcz.json",
                dataType: "json",
                async: false,
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        (function (n) {
                            var anchor = new qq.maps.Point(16, 30),
                                size = new qq.maps.Size(22, 31),
                                origin = new qq.maps.Point(0, 0),
                                icon = new qq.maps.MarkerImage('img/map_jcz.png', size, origin, anchor);
                            var marker = new qq.maps.Marker({
                                position: new qq.maps.LatLng(data[n].latitude, data[n]
                                    .longitude),
                                map: map,
                                icon: icon
                            });
                            marker.name = data[n].name;
                            qq.maps.event.addListener(marker, 'click',
                                function () { //获取标记的点击事件
                                    info.open();
                                    info.setContent(
                                        '<div class="f28" style="text-align:left;color:#000;over-flow:hidden;margin-top:0.3px;">检查站名称：' +
                                        marker.name + '</div>');
                                    info.setPosition(new qq.maps.LatLng(marker.position.lat, marker
                                        .position.lng));
                                });
                        })(i);
                    }
                }
            });
            //警务站地图标点
            $.ajax({
                type: "get",
                url: "js/jwz.json",
                dataType: "json",
                async: false,
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        (function (n) {
                            var anchor = new qq.maps.Point(16, 30),
                                size = new qq.maps.Size(22, 31),
                                origin = new qq.maps.Point(0, 0),
                                icon = new qq.maps.MarkerImage('img/map_jwz.png', size, origin, anchor);
                            var marker = new qq.maps.Marker({
                                position: new qq.maps.LatLng(data[n].latitude, data[n]
                                    .longitude),
                                map: map,
                                icon: icon
                            });
                            marker.name = data[n].name;
                            qq.maps.event.addListener(marker, 'click',
                                function () { //获取标记的点击事件
                                    info.open();
                                    info.setContent(
                                        '<div class="f28" style="text-align:left;color:#000;over-flow:hidden;margin-top:0.3px;">警务站名称：' +
                                        marker.name + '</div>');
                                    info.setPosition(new qq.maps.LatLng(marker.position.lat, marker
                                        .position.lng));
                                });
                        })(i);
                    }
                }
            });

            //派出所地图标点
            $.ajax({
                type: "get",
                url: "js/pcs.json",
                dataType: "json",
                async: false,
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        (function (n) {
                            var anchor = new qq.maps.Point(16, 30),
                                size = new qq.maps.Size(22, 31),
                                origin = new qq.maps.Point(0, 0),
                                icon = new qq.maps.MarkerImage('img/map_pcs.png', size, origin, anchor);
                            var marker = new qq.maps.Marker({
                                position: new qq.maps.LatLng(data[n].latitude, data[n]
                                    .longitude),
                                map: map,
                                icon: icon
                            });
                            marker.name = data[n].name;
                            marker.tel = data[n].tel;
                            qq.maps.event.addListener(marker, 'click',
                                function () { //获取标记的点击事件
                                    info.open();
                                    info.setContent(
                                        '<div class="f28" style="text-align:left;color:#000;over-flow:hidden">派出所名称：' +
                                        marker.name +
                                        '</div><a class="f28" style="text-align:left;color:#000;over-flow:hidden;display:block" href="tel:' +
                                        marker.tel + '">派出所电话：<span style="color:#5855e4">' +
                                        marker.tel + '</span></a>');
                                    info.setPosition(new qq.maps.LatLng(marker.position.lat, marker
                                        .position.lng));
                                });
                        })(i);
                    }
                }
            });

        }
    </script>
</body>
</html>